#question {
	box-sizing: border-box;
	width: 100%;
	height: 930rpx;
	background-color: rgba(255, 255, 255, 0.19);
	/* 设置背景颜色为半透明白色 */
	border-radius: 30rpx;
	margin: 0 auto;
	padding: 30rpx 50rpx;
	color: #fff;
}

#question .user-list {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
}

#question .user-list .user {
	margin-top: 35rpx;
	width: 33.33%;
	text-align: center;
	display: flex;
	flex-direction: column;
}

#question .user-list .user h5 {
	margin-top: 10rpx;
}

#question .user-list .user .circular {
	width: 200rpx;
	height: 200rpx;
	border-radius: 50%;
	background-color: #fff;
	color: #b71114;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	font-size: 100rpx;
}

#question .user-list #ready-btn {
	margin: 0 auto;
	width: 50%;
	margin-top: 30rpx;
}

#question .user-list .ready {
	position: absolute;
	width: 33.33%;
	z-index: 999;
	margin-left: 30rpx;
}

#countdown {
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-color: rgb(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.userInfo {
	display: flex;
	padding: 20rpx 0;
	border-bottom: 5rpx solid rgb(255, 255, 255, 0.2);
	align-items: center;
}

.userInfo:last-child {
	border-bottom: 0 !important;
}

.userInfo .middle-circular {
	width: 100rpx;
	height: 100rpx;
	border-radius: 50%;
	background-color: #fff;
	text-align: center;
	color: #b71114;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 60rpx;
	margin-right: 20rpx;
	font-weight: bold;
}

.userInfo .mini-circular {
	width: 70rpx;
	height: 70rpx;
	border-radius: 50%;
	background-color: #fff;
	text-align: center;
	color: #b71114;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 40rpx;
	margin-right: 20rpx;
	font-weight: bold;
}

.userInfo .nickname {
	width: 75%;
}

.userInfo .score {
	display: flex;
	justify-content: space-between;
}

.userInfo .current-score {
	font-size: 50rpx;
	font-weight: bold;
}

.userInfo .process {
	border-radius: 100rpx;
}

.userInfo .user-score {
	margin-left: 20rpx;
	font-size: 60rpx;
	font-weight: bold;
}

#question-wrap {
	background-color: #fff;
	width: 100%;
	height: 870rpx;
	color: #000;
	border-radius: 20rpx;
	padding: 15rpx 30rpx;
	box-sizing: border-box;
}

#question-wrap #question-title {
	height: 200rpx;
	border-bottom: 5rpx solid #e5e5e5
}
#question-wrap #option-list{height:520rpx;}
#question-wrap .option-wrap{width:100%;height:60rpx;background-color: #eee;color:#000;border-radius: 48rpx;margin-top:20rpx;display: flex;line-height: 60rpx;border:5rpx solid #eee;}
#question-wrap .option-wrap .word{width:80rpx;width:80rpx;border-radius: 50%;text-align: center;}
#question-wrap #answer{font-weight: bold;margin-left:20rpx;margin-top:10rpx;}
#question-wrap .option-wrap.option-right{border:5rpx solid #00913a;}
#question-wrap .option-wrap.option-error{border:5rpx solid #c30d23;}
#question-wrap .option-wrap.option-checked{border:5rpx solid blue;}
#question-wrap .option-wrap .word-right{background-color: #00913a;}
#question-wrap .option-wrap .word-error{background-color: #c30d23;}
#question-wrap .option-wrap .word-checked{background-color: blue;}
.uni-table-td{padding:2px 10px;}

@keyframes headShake {
    0% { transform: translateX(0); }
    6.5% { transform: translateX(-5px); }
    18.5% { transform: translateX(5px); }
    31.5% { transform: translateX(-5px); }
    43.5% { transform: translateX(5px); }
    50% { transform: translateX(0); }
  }
 
  .shakeHead {
    animation: headShake 0.5s;
    /* animation-iteration-count: infinite; */
  }
  .yellow{color:yellow;font-weight: bold;}